<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<!--[if lt IE 9]>
    <script src="../js/jquery-1.11.3.js"></script>
    
<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../js/jquery-3.1.1.js"></script>
		<!--<![endif]-->
		<script src="../js/jquery.jsonp.js"></script>
		<script>
			//	var vurl = "http://v.juhe.cn/weather/index";
			vurl = "http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?";

			function funget() {
				$.get(vurl, function(data, status) {
					//	$("#tes").val("数据: " + data + "\n状态: " + status);
					$("#tes").val(data);
				}, 'jsonp');
			}

			function funajax() {
				$.ajax({
					url: vurl,
					type: "GET",
					async: false,
					dataType: "jsonp", //指定服务器返回的数据类型
					//  jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
					//  jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
					success: function(data) {
						//var result = JSON.stringify(data); //json对象转成字符串
						$("#tes").val(data);
						//console.log(data);
					},
					error: function() {
						alert('fail');
					}
				});

			}
		</script>

	</head>

	<body>
		<script type="text/javascript" src="" id="getAspx">
		</script>

		<button onclick="funget()"> 请求并获取返回结果 </button><br>
		<button onclick="funajax()">请求并获取返回结果 </button><br>
		<textarea id="tes" style=" width:400px;height:100px"></textarea><br>

	</body>

</html>